<div class="device-s" id="device-s"></div>

<script>
    var hengFlag = false;
    var showFlag = false;

    (function () {

        var width = $(window).width();
        var height = $(window).height();

        function hengshuping() {


            if (window.orientation == 180 || window.orientation == 0) {
                $("#device-s").show();
                hengFlag = false;
            }
            if (window.orientation == 90 || window.orientation == -90) {
                setTimeout(function () {
                    var N = window;
                    var J = N.document;
                    var I = J.documentElement;
                    var w = $(window).width();
                    var h = $(window).height();


                    if (w > h) {
                        //$("body").width(width);
                        //$("body").height(height);
                        J.body.style.width = w + 'px';
                        J.body.style.height = h + 'px';
                        var d = w / 10;
                        I.style.fontSize = d + "px";
                        var winH = $("body").height();
                        $("#page-2").css("font-size", winH / 10 + "px");
                        $("#page-10").css("font-size", winH / 10 + "px");

                    }
                }, 300);
                $("#device-s").hide();
                if (showFlag) return;
                hengFlag = true;
                if (loadend) {
                    initPage1();
                }
            }
        }


        if (width > height) {
            hengFlag = true;
            $("#device-s").hide();
        } else {
            hengFlag = false;
            $("#device-s").show();
        }
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
    })(Zepto);
</script>